<template>
    <view class="flex items-center p2 pb-0 border-gray-100 flex-wrap box-border">
        <view class="w-60px h-60px overflow-hidden rounded-md">
            <view class="w-full width-100 h-full bg-gray-50"></view>
        </view>
        <view class="w-80% ml-2">
            <view class="flex items-center">
                <text
                    class="inline-block max-w-90% line-clamp-1 text-base font-semibold bg-gray-50 w-200px h-20px"></text>
                <text class="inline-block transform scale-y-120 scale-x-60  text-gray-300 text-base opacity0">></text>
            </view>
            <view class="flex items-center">
                <text class="text-xs line-clamp-1 text-gray-500 bg-gray-50 w-200px h-20px"></text>
            </view>
        </view>
        <view class="w-full width-100 h-25px flex items-center justify-between mt-2">
            <view class="flex items-center h-20px bg-gray-50 width-70">
                <text class="i-material-symbols-fiber-new h-20px bg-red-500 mr-1 opacity0"></text>
                <text class="text-sm text-gray-600 h-20px bg-gray-50"></text>
            </view>
            <view class="flex items-center width-20 h-20px bg-gray-50">
                <text class="text-xs text-gray-400 h-20px bg-gray-50"></text>
                <text
                    class="inline-block i-material-symbols-arrow-back-ios-new w-10px h-10px text-gray-300 transform rotate-270 ml-1 opacity0"></text>
            </view>
        </view>
    </view>
</template>

<script setup lang="ts">
</script>

<style scoped>

</style>